<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>关于粉黛墨</title>
	<link rel="stylesheet" type="text/css" href="/static/home/css/swiper-4.2.2.min.css">
	<link rel="stylesheet" href="/static/home/css/main.css">
    <script src="/static/home/js/swiper-4.2.2.min.js" ></script>
    <link rel="stylesheet" type="text/css" href="/static/home/css/alert.css">
    <style>
        *{margin:0;padding:0}
        .WW{
        width:100%;
        display:block;
        
        }
        .WW2{
        width:1200px;
        margin-left:auto;
        margin-right:auto;
        padding-bottom: 70px
        }
        .WW-1{
        width:70%;
        height:440px;
        float:left;
        }
        .aWW{
        width:100%;
        }
        .aWW img{
        width:100%;
        }
        .WW-1-1{
        margin-top:140px;
        float:left;
        }
        .WW-1-2{
        width:720;
        height:240px;
        margin-top:20px;
        float:left;
        }
        .WW-1-2-1{
        width:660px;
        height:40px;
        margin-top:10px;
        font-size:13px;
        color:#646262;
        float:left;
        }
        .WW-1-3{
        width:240px;
        height:240px;
        float:left;
        margin-top:200px;
        margin-left:60px;
        }
        .WW-2{
        width:1200px;
        }
        .WW-2-1{
        width:1200px;
        }
        .WW-3{
        width:70%;
        height:115px;
        float:left;
        }
        .WW-3-1{
        width:740PX;
        height:70px;
        float:left;
        
        margin-top:20px;
        font-size:13px;
        color:#646262;
        }
        .WW-3-1-1{
        margin-top:110px;
        float:left;
        
        }
        .WW-3-2{
        width:140px;
        height:140px;
        float:left;
        margin-top:50px;
        margin-left:60px;
        }
        .WW-4{
        width:100%;
        height:265px;
        }
        .WW-5{
        
        height:390px;
        
        
        }
        .WW-5-1{
        width:300px;
        height:445px;
        display:block;
        float:left;
        }
        .WW-5-2{
        width:300px;
        height:445px;
        display:block;
        float:left;
        }
        .WW-5-3{
        width:300px;
        height:445px;
        display:block;
        float:left;
        }
        .WW-5-4{
        width:300px;
        height:445px;
        display:block;
        float:left;
        }
        .WW-6{
        width:70%;
        height:115px;
        float:left;
        }
        .WW-6-1-1{
        margin-top:110px;
        float:left;
        
        }
        .WW-6-1{
        width:740PX;
        height:70px;
        float:left;
        
        margin-top:20px;
        font-size:13px;
        color:#646262;
        }
        .WW-6{
        width:70%;
        height:260px;
        
        }
        .WW-6-1{
        width:700px;
        height:135px;
        }
        .WW-6-1{
        width:700px;
        height:135px;
        }
        .WW-6-2{
        margin-left:20px;
        height:19px;
        font-size:13px;
        color:#646262;
        float:left;
        }
        .WW-6-3{
        width:1200px;
        height:19px;
        float:left;
        margin-top:50px;
        }
        .W-6-3-1{
        
        height:19px;
        font-size:13px;
        color:#646262;
        float:left;
        }
        .WW-7-1{
        width:1200px;
        height:580px;
        margin-top:45px;

        }
        .WW-8{
        width:540px;
        height:555px;
        float:left;
        }
        .WW8{
        width:1200px;
        height:580px;
        margin-top:4px;
       
        }
        .WW8-8 img{width:535px;display:block}
        .WW-8-3{
        width:660px;
        height:555px;
        float:left;
        }
        .WW-8-1{
        width:660px;
        height:555px;
        float:left;
        }
        .WW-9{
        width:100%;
        margin-left:auto;
        margin-right:auto;
        margin-top:110px;
        }
        .WW-9-1{
        width:100%;
        height:800px;
        
        }
        </style>
</head>
<body>
     {include file="public/header" /}
    <div class="aWW">
        <img src="/static/home/img/QQ-1.jpg">
        </div>
        <div class="WW2">
    <div class="WW">
    
        <div class="WW-1">
            <img class="WW-1-1" src="/static/home/img/QQ-2.jpg">
            <div class="WW-1-2">
                <div class="WW-1-2-1">
                粉黛墨，成立于2018年。品牌主旨映东方，墨未央，意为照映东方之美，书写东方影像之路。作为东方风情原创摄影品牌，为青睐东方风情的女性，提供独具一格的影像服务。
                </div>
                <div class="WW-1-2-1">
                粉黛墨，将东方女性清新素雅的风格和精心雕琢的质感融为一体，与工艺大师倾力合作，融合多种传统精湛工艺，推出多套惊艳中国风服饰。
                </div>
                <div class="WW-1-2-1">
                粉黛墨，以工笔画、水墨画等真正的中国风表象艺术为基本审美，由行业极具影响力的高级彩妆师领衔打造，还原华夏红妆写意之美。
                </div>
                <div class="WW-1-2-1">
                粉黛墨，愿以一丝不苟的工匠精神，高端尖配的影棚及器材配置，职业时间超十万小时的摄影巨匠，为广大热爱中国风摄影的女性，打造出更多经得起岁月沉淀和推敲的绝美中国风影像。
                </div>
           </div>
       </div>
            <div class="WW-1-3">
            <img src="/static/home/img/QQ-3.jpg">
            </div>
    <div class="WW-2">
    <img class="WW-2-1" src="/static/home/img/QQ-5.jpg">
    </div>
    <div class="WW-3"><img class="WW-3-1-1" src="/static/home/img/QQ-14.jpg">
    <div class="WW-3-1">
    <div>用现代影像技艺呈现端庄华丽、性感妩媚、新潮个性、清新唯美，多元化画面美感。</div>
    以新现代主义为审美标准，对东方韵味进行美学创作，衍生出古装中国、时尚中国、国粹戏曲、亚洲民族等四大风格，荟集东方美韵盛典，全新定义东方之美。</div></div>
    <div class="WW-3-2"><img src="/static/home/img/QQ-4.jpg">
    </div>		
     </div>
        <div class="WW-4"></div>
        <div class="WW-5">
            <img class="WW-5-1" src="/static/home/img/QQ-6.jpg">
            <img class="WW-5-2" src="/static/home/img/QQ-7.jpg">
            <img class="WW-5-3" src="/static/home/img/QQ-8.jpg">
            <img class="WW-5-4" src="/static/home/img/QQ-9.jpg">
        </div>
        
        
        <div class="WW-6">
            <div class="WW-6-1">
            </div>
            <img src="/static/home/img/QQ-15.jpg">
            <div class="WW-6-3">
                <div class="W-6-3-1">
                电话：0731-8859 64963 
                </div>
                <div class="WW-6-2">
                地址：长沙芙蓉区芙蓉中路二段98号（明城国际中心3713）
                </div>
            </div>
        </div>
        <div class="WW-7">
        <img class="WW-7-1" src="/static/home/img/QQ-10.jpg">
        </div>
        <div class="WW8">
            <div class="WW-8">
                <img src="/static/home/img/QQ-11.jpg">
                <img src="/static/home/img/QQ-12.jpg">
            </div>
            <div class="WW-8-1">
                <img class="WW-8-3" src="/static/home/img/QQ-13.jpg">
            </div>
        </div>
    </div>
    <div class="main-5">
        <img src="/static/home/img/index-banner-5.jpg" alt="">
  
        <div class="biaodan">
            <div class="biaodan-1">
                <a href="#" class="biaodan-1-1">优惠&报价</a>
                <a href="#" class="biaodan-1-2">预约档期</a>
                <div class="clearfloat"></div>
            </div>
            <div class="tj1">网络预约进店有礼</div>
        </div>
    </div>
    <div class="srk">
        <div class="srk-1">
            <div class="srk-1-1">
                <img src="/static/home/img/bd.png" alt=""> <span style="color:#9C97A1">免费</span>获取报价/ SERVICE
            </div>
            <div class="srk-1-2 input"><input name="name" id="name" type="text" placeholder="姓名" align = "center"></div>
            <div class="srk-1-3 input"><input name="phone" id="phone" type="text" placeholder="手机号/微信" align = "center"></div>
            <div class="srk-1-4" onclick ="subForm()">提交</div>
            <div class="clearfloat"></div>
        </div>
    </div>

     {include file="public/foot" /}
    <div class="zhanpin">
        <img class="gb" src="/static/home/img/guabi.png" alt="">
    </div>
    <script src="/static/home/js/jquery-1.11.3.js"></script>
    <script src="/static/home/js/alert.js"></script>
    <script src="/static/home/js/main.js"></script>
</body>
<script>
    
                    function subForm() {
                    var name = $("#name").val();
                    var phone = $("#phone").val();

                    if (name == '') {
//                        alert('请填写姓名');
                        return false;
                    }
                    if (phone == '') {
//                        alert('请填联系方式');
                        return false;
                    }
                    $.post('/index.php/Kephome/add_bj', {name: name, phone: phone}, function (res) {
                        if (1 == res.code) {
//                            alert(res.msg);
                        } else {
//                            alert(res.msg);

                        }
                    }, 'json');
                    return false;
                }
</script>